<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="js/base.js"></script>
    <title>分享二维码</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/orderlist.css">
    <script src="js/jquery-1.11.1.min.js"></script>
</head>
<body >
<section class="wrap" >
    <div class="code-1">
           <div class="code-content">
               <div class="code-content-1">长按图片保存到相册</div>
               <div class="code-content-2">我是<span>Admin</span>，我在<span>企业宝</span></div>
               <div class="code-content-3">邀请您的加入</div>
               <div class="code-content-4"><img src="images/code-img.png"></div>
               <div class="code-content-5">推荐码：521456</div>
           </div>
    </div>
    <!--底部导航开始-->
    <div class="floor-nav" id = 'floor-nav'>
        <a href="index.html">
            <img src="images/home.png" alt="">
            <span>首页</span>
        </a>
        <a href="serviceCate.html">
            <img src="images/catergry.png" alt="">
            <span>分类</span>
        </a>
        <a href="orderList.html">
            <img src="images/order.png" alt="">
            <span>订单</span>
        </a>
        <a href="inforIndex.html">
            <img src="images/me.png" alt="">
            <span>我的</span>
        </a>
    </div>
    <!--底部导航结束-->
</section>
<script>
    $(function(){
        var height = window.innerHeight;
        var floorH = $('#floor-nav').height();
    $('.code-1').height(height-floorH);
    });

</script>
</body>
</html>